<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>回调函数</title>
</head>

<body>
    <script>
        //回调函数  1.在函数中定义一个形参，此形参得到的实参是一个函数
        //         2.函数结束时，通过形参调用传入的实参函数
        //作用  增加了函数的功能，但增加的功能不是函数开发者决定，而是函数调用者决定
        function old(x, y, callback) {
            //传入回调函数，则调用实参函数

            // if(callback){
            //     callback();
            // }

            callback && callback();

            return x + y;
        }

        //原生调用函数
        var result = old(20, 30);
        console.log(result);

        //回调函数
        //调用函数，执行完毕时，弹出对话框
        result = old(10, 30, function () {
            alert('ok');
        })
        console.log(result);
    </script>
</body>

</html>